import { useState } from 'react'
import _ from 'lodash'
const App = function () {
    const [man, setMan] = useState({
        name: '张大仙',
        age: 28,
        job: '老师',
        info: {
            love: ['写BUG', '写文档', '写注释', '写作业'],
            books: ['北京那些事', '2008后的鸟巢']
        }
    })
    const cy = () => {
        //对数据进行深拷贝
        //注意 : 你结构的一定要和上面的一样
        let wuman = {...man}
        wuman.name = '张小先'
        wuman.age = 12
        wuman.job = '学生'
        wuman.info.books = ['明朝那些事','2002年的第一场雪']
        // wuman.info.books[1] = '
        setMan(wuman)
    } 
    return <div>
        <h3>从前有一个{man.name}在他{man.age}岁的时候,做了一名{man.job}.
        <br />
            他喜欢{man.info.love},并且他还出了几部书,书名是{
                man.info.books.map((item, index,arr) => {
                    return <p key={index}>
                        {item}{arr.length - 1 === index ? "." : ','}
                    </p>
                })
            }
        </h3>
        <button onClick={cy}>修改</button>
    </div>
}
export default App